<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>品优购-正品低价、品质保障、配送及时、轻松购物！</title>
    <!-- 制作favicon图标 http://www.bitbug.net/ -->
    <link rel="shortcut icon" href=" favicon.ico" />
    <meta name="description" content="品优购-专业的综合网上购物商城，为您提供正品低价的购物选择、优质便捷的服务体验。商品来自全球数十万品牌商家，囊括家电、手机、电脑、服装、居家、母婴、美妆、个护、食品、生鲜等丰富品类，满足各种购物需求。" />
    <meta name="Keywords" content="网上购物,网上商城,家电,手机,电脑,服装,居家,母婴,美妆,个护,食品,生鲜,品优购" />

    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/index.css">
    <script src="./js/annimation.js"></script>
    <script src="./js/轮播图.js"></script>
</head>

<body>
    <!-- 快捷导航栏 start -->
    <div class="shortcut">
        <div class="w">
            <div class="left">
                <span>品优购欢迎您！</span>
                <a href="#" class="login">请登录&nbsp;</a>
                <a href="#" class="sign">免费注册</a>
            </div>
            <ul class="right">


                <li>
                    <a href="">我的订单</a>
                </li>
                <li>
                    <a href="">|</a>
                </li>
                <li>
                    <a href="" class="iconmoon">我的品优购</a>
                </li>
                <li>
                    <a href="">|</a>
                </li>
                <li>
                    <a href="">品优购会员</a>
                </li>
                <li>
                    <a href="">|</a>
                </li>
                <li>
                    <a href="">企业采购</a>
                </li>
                <li>
                    <a href="">|</a>
                </li>
                <li>
                    <a href="" class="iconmoon">关注品优购 </a>
                </li>
                <li>
                    <a href="">|</a>
                </li>
                <li>
                    <a href="" class="iconmoon">客户服务</a>
                </li>
                <li>
                    <a href="">|</a>
                </li>
                <li>
                    <a href="" class="iconmoon">网站导航</a>
                </li>

            </ul>




        </div>

    </div>
    <!-- 快捷导航栏 end -->
    <!-- 头部搜索栏 start -->
    <header class="header w">
        <img src="images/logo_03.png" alt="图片加载错误" title="品优购">

        <div class="search">
            <input type="search" name="" id="" class="search1" placeholder="语言开发">
            <input type="button" value="搜索" class="btn">
        </div>
        <!-- 热点词用定位 -->

        <ul class="hotwords">

            <li><a href="#" class="word1">优惠购首发</a></li>
            <li><a href="#">亿元优惠</a></li>
            <li><a href="#">9.9元团购</a></li>
            <li><a href="#">美满99减30</a></li>
            <li><a href="#">办公用品</a></li>
            <li><a href="#">电脑</a></li>
            <li><a href="#">通信</a></li>
        </ul>
        <div class="headerright"> <a href="#">我的购物车</a> <span>8</span> </div>
    </header>
    <!-- 头部搜索栏 end -->

    <!-- 导航栏 start -->
    <div class="nav">
        <div class="w">
            <dl class="dropdown">
                <dt>全部商品分类</dt>
                <dd>
                    <p><a href="#">家用电器</a></p>
                    <p><a href="#">手机</a> 、<a href="">数码</a>、<a href="">通信</a> </p>
                    <p><a href="#">电脑</a>、<a href="">办公</a> </p>
                    <p><a href="#">家居</a>、 <a href="">家具</a>、<a href="">家装</a>、<a href="">厨具</a> </p>
                    <p><a href="#">男装</a>、 <a href="">女装</a>、<a href="">童装</a>、<a href="">内衣</a> </p>
                    <p><a href="#">个户化妆</a>、 <a href="">清洁用品</a>、<a href="">宠物</a></p>
                    <p><a href="#">鞋靴、</a><a href="">箱包、</a><a href="">珠宝、</a><a href="">奢侈品</a> </p>
                    <p><a href="#">运动户外、</a> <a href="">钟表</a></p>
                    <p><a href="#">汽车、</a> <a href="">汽车用品</a></p>
                    <p><a href="#"> 母婴、</a><a href="">玩具乐器</a> </p>
                    <p><a href="#">食品、</a> <a href="">酒类、</a><a href="">生鲜、</a><a href="">特产</a> </p>
                    <p><a href="#">医药保健</a></p>
                    <p><a href="#">图书、</a> <a href="">音像、</a> <a href="">电子书</a> </p>
                    <p><a href="#">彩票、</a> <a href="">旅行、</a> <a href="">充值、</a><a href="">票务</a></p>
                    <p><a href="#">理财、</a><a href="">众筹、</a><a href="">白条、</a><a href="">保险</a> </p>
                </dd>
            </dl>

            <ul class="navcenter">
                <li><a href="">服装城</a></li>
                <li><a href="">美妆馆</a></li>
                <li><a href="">传智超市</a></li>
                <li><a href="">全球购</a></li>
                <li><a href="">闪购 </a></li>
                <li><a href="">团购</a></li>
                <li><a href="">拍卖</a></li>
                <li><a href="" class="navlast">有趣 </a></li>
            </ul>
        </div>
    </div>
    <!-- 导航栏 end -->

    <!-- main主体 index首页专有 start -->
    <div class="main w">
        <!-- 轮播图 -->
        <div class="mainf1">
            <!-- <div class="tu"> -->
            <a href="javascript:;" class="mainfoucs_lf"></a>
            <a href="javascript:;" class="mainfoucs_re"></a>
            <ul>
                <li><img src="./upload/images/轮播图 (1).jpg" alt="" srcset=""></li>
                <li><img src="./upload/images/轮播图 (2).jpg" alt="" srcset=""></li>
                <li><img src="./upload/images/轮播图 (3).jpg" alt="" srcset=""></li>
                <li><img src="./upload/images/轮播图 (4).png" alt="" srcset=""></li>
                <li><img src="./upload/images/轮播图 (5).png" alt="" srcset=""></li>
            </ul>
            <div class="cycle"></div>
            <!-- </div> -->
        </div>


        <!-- 轮播图 end-->
        <div class="nwesflash">
            <dl>
                <dt>品优购快报  <a href="">更多</a></dt>
                <dd><span>[特惠]</span><a href="#">备战开学季，全民半价购数码</a></dd>
                <dd><span>[公告]</span><a href="#">品优网占家电六成份额</a></dd>
                <dd><span>[特惠]</span><a href="#">百元中秋全品类礼券限量领</a></dd>
                <dd><span>[公告]</span><a href="#">上品生鲜，享澄阳湖大闸蟹</a></dd>
                <dd><span>[特惠]</span><a href="#">每日享折扣品优品质</a></dd>
            </dl>
            <div class="lifeservice">
                <ul>
                    <li class="img1">
                        <div class="tu"></div><a href="#">话费</a></li>
                    <li class="img2">
                        <div class="tu"></div>
                        <a href="#">机票</a>
                    </li>
                    <li class="img3">
                        <div class="tu"></div>
                        <a href="#">电影票</a>
                    </li>
                    <li class="img4">
                        <div class="tu"></div>
                        <a href="#">游戏</a>
                    </li>
                    <li class="img5">
                        <div class="tu"></div>
                        <a href="#">彩票</a>
                    </li>
                    <li class="img6">
                        <div class="tu"></div>
                        <a href="#">加油卡</a>
                    </li>
                    <li class="img7">
                        <div class="tu"></div>
                        <a href="#">酒店</a>
                    </li>
                    <li class="img8">
                        <div class="tu"></div>
                        <a href="#">火车票</a>
                    </li>
                    <li class="img9">
                        <div class="tu"></div>
                        <a href="#">众筹</a>
                    </li>
                    <li class="img10">
                        <div class="tu"></div>
                        <a href="#">理财</a>
                    </li>
                    <li class="img11">
                        <div class="tu"></div>
                        <a href="#">礼品卡</a>
                    </li>
                    <li class="img12">
                        <div class="tu"></div>
                        <a href="#">白条</a>
                    </li>
                </ul>
            </div>
            <div class="song"></div>
        </div>
    </div>

    <!-- main主体 index首页专有 end -->
    <!-- 推荐模块 index首页专有start -->
    <div class="recommend w">
        <div class="recommend-left">
            <img src="images/clock.png" alt=""> <br>
            <span>今日推荐</span>
        </div>
        <div class="recommend-right">
            <ul>
                <li>
                    <a href="#"><img src="upload/images/推荐1_03.png" alt=""></a>
                </li>
                <li>
                    <a href="#"><img src="upload/images/推荐2_05.png" alt=""></a>
                </li>
                <li>
                    <a href="#"><img src="upload/images/推荐3_07.png" alt=""></a>
                </li>
                <li>
                    <a href="#"><img src="upload/images/推荐4_09.png" alt=""></a>
                </li>
            </ul>
        </div>
    </div>
    <!-- 推荐模块 index首页专有start -->
    <!-- 猜你喜欢模块 index首页独有 start -->
    <div class="like w">
        <!-- 两个大盒子 like-hd、like-bd  bd是li盒子里放一个盒子 盒子有边框 -->
        <div class="like-hd">
            <h4>猜你喜欢</h4>
            <a href="#">换一批</a>
        </div>
        <div class="like-bd">
            <ul>
                <li>
                    <a href="#">
                        <img src="upload/images/linke1_10.png" alt="">
                        <div>
                            <h4>阳光美包新款单肩包女</h4>
                            <span>包时尚子母包四件套女</span><br>
                            <em>¥116.00</em>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="#"><img src="upload/images/like2_11.png" alt="">
                        <div>
                            <h4>爱仕达 30CM炒锅不粘</h4>
                            <span>锅NWG8330E电磁炉炒</span><br>
                            <em>99.00</em>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="#"><img src="upload/images/like3_12.png" alt="">
                        <div>
                            <h4>捷波朗</h4>
                            <span>（jabra）BOOSI劲步</span><br>
                            <em>245.00</em>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="#"><img src="upload/images/like4_13.png" alt="">
                        <div>
                            <h4>欧普</h4>
                            <span>JYLZ08面板灯平板灯铝</span><br>
                            <em>238.00</em>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="#"><img src="upload/images/like5_14.png" alt="">
                        <div>
                            <h4>三星</h4>
                            <span>(G5500)移动联</span><br>
                            <em>649.00</em>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="#"><img src="upload/images/like44_16.png" alt="">
                        <div class="lastbox">
                            <h4>韩国所望</h4>
                            <span>紧致湿润精华露400ml</span><br>
                            <em>649.00</em>
                        </div>
                    </a>
                </li>
            </ul>
        </div>
    </div>
    <!-- 猜你喜欢模块 index首页独有 end -->
    <!-- 传智播客有趣区 index首页独有 start -->
    <div class="intersting w">
        <div class="intersting_hd">传智播客&nbsp;&nbsp;<em></em>&nbsp;有趣区</div>
        <div class="intersting_bd">
            <div class="left"><img src="upload/images/intersting1_03.png" alt=""></div>
            <div class="left2">
                <div class="top">好东西</div>
                <div class="center"><img src="upload/images/intersting2_05.png" alt=""></div>
                <div class="bottom"><img src="upload/images/intersting3_07.png" alt=""></div>
            </div>
            <div class="left3">
                <div class="top">品牌街</div>
                <div class="center"><img src="upload/images/left31_06.png" alt=""></div>
                <div class="bottom"><img src="upload/images/left322_12.png" alt=""></div>
            </div>
            <div class="right">
                <ul>
                    <li>
                        <a href="#"><img src="upload/images/lo1_05.png" alt=""></a>
                    </li>
                    <li>
                        <a href="#"><img src="upload/images/lo2_07.png" alt=""></a>
                    </li>
                    <li>
                        <a href="#"><img src="upload/images/lo3_12.png" alt=""></a>
                    </li>
                    <li>
                        <a href="#"><img src="upload/images/lo4_14.png" alt=""></a>
                    </li>
                    <li>
                        <a href="#"><img src="upload/images/lo5_17.png" alt=""></a>
                    </li>
                    <li>
                        <a href="#"><img src="upload/images/lo6_19.png" alt=""></a>
                    </li>
                    <li>
                        <a href="#"><img src="upload/images/lo7_22.png" alt=""></a>
                    </li>
                    <li>
                        <a href="#"><img src="upload/images/lo8_24.png" alt=""></a>
                    </li>
                    <li>
                        <a href="#"><img src="upload/images/lo9_27.png" alt=""></a>
                    </li>
                    <li>
                        <a href="#"><img src="upload/images/lo10_29.png" alt=""></a>
                    </li>
                    <li>
                        <a href="#"><img src="upload/images/lo11_37.png" alt=""></a>
                    </li>
                    <li>
                        <a href="#"><img src="upload/images/lo12_39.png" alt=""></a>
                    </li>
                    <li>
                        <a href="#"><img src="upload/images/lo13_42.png" alt=""></a>
                    </li>
                    <li>
                        <a href="#"><img src="upload/images/lo14_44.png" alt=""></a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!-- 传智播客有趣区 index首页独有 end -->
    <!-- floor 楼层区制作index首页独有 start -->
    <div class="floor">
        <div class="floor_jiadian w">
            <div class="jiadian_hd">
                <h4>家用电器</h4>
                <ul>
                    <li><a href="#">热门</a></li>
                    <li><a href="#">大家电</a></li>
                    <li><a href="#">生活电器</a></li>
                    <li><a href="#">厨房电器</a></li>
                    <li><a href="#">个护健康</a></li>
                    <li><a href="#">应季电器</a></li>
                    <li><a href="#">空气/净水</a></li>
                    <li><a href="#">新奇特</a></li>
                    <li><a href="#" class="last">高端电器</a></li>
                </ul>
            </div>
        </div>
    </div>

    <!-- floor 楼层区制作index首页独有 end -->

    <!-- footer的制作 star-->
    <footer class="footer">
        <div class="w">
            <!-- 三个大盒子加底部边框线 -->
            <ul class="fotter-top">
                <li><img src="images/footer1_03.png" alt="">
                    <a href="#">
                        <span><h4>正品保障</h4><br>正品保障，提供发票</span> </a>
                </li>

                <li><img src="images/foot2_05.png" alt="">
                    <a href="#">
                        <span><h4>急速物流</h4><br>急速物流，极速送达</span></a>
                </li>

                <li><img src="images/foot3_07.png" alt="">
                    <a href="#">
                        <span><h4>无忧售后</h4><br>七天无理由退货</span></a>
                </li>

                <li><img src="images/foot4_09.png" alt="">
                    <a href="#">
                        <span><h4>特色服务</h4><br>私人定制家电套餐</span></a>
                </li>

                <li><img src="images/foot5_11.png" alt="">
                    <a href="">
                        <span><h4>帮助中心</h4><br>您的购物指南</span></a>
                </li>

            </ul>
            <div class="footer-center">
                <dl>
                    <dt><a href="#">购物指南</a></dt>
                    <dd><a href="#">购物流程</a></dd>
                    <dd><a href="#">会员介绍</a></dd>
                    <dd><a href="#">生活旅行/团购</a></dd>
                    <dd><a href="#">常见问题</a></dd>
                    <dd><a href="#">大家电</a></dd>
                    <dd><a href="#">联系客服</a></dd>

                </dl>

                <dl>
                    <dt><a href="">配送方式</a></dt>
                    <dd><a href="">上门自提</a></dd>
                    <dd><a href=""> 211限时达</a></dd>
                    <dd><a href=""> 配送服务查询</a></dd>
                    <dd><a href=""> 配送费收取标准</a></dd>
                    <dd><a href=""> 海外配送</a></dd>

                </dl>

                <dl>
                    <dt><a href="">支付方式</a></dt>
                    <dd><a href="">货到付款</a></dd>
                    <dd><a href="">在线支付</a></dd>
                    <dd><a href="">分期付款</a></dd>
                    <dd><a href="">邮局汇款</a></dd>
                    <dd><a href="">公司转账</a></dd>
                </dl>
                <dl>
                    <dt>售后服务</dt>
                    <dd><a href="">售后政策</a></dd>
                    <dd><a href="">价格保护</a></dd>
                    <dd><a href="">退款说明</a></dd>
                    <dd><a href="">返修/退换货</a></dd>
                    <dd><a href="">取消订单</a></dd>

                </dl>

                <dl class="dlfive">
                    <dt><a href="">特色服务</a></dt>
                    <dd><a href="">夺宝岛</a></dd>
                    <dd><a href="">DIY装机</a></dd>
                    <dd><a href="">延保服务</a></dd>
                    <dd><a href="">品优购E卡</a></dd>
                    <dd><a href="">品优购通信</a></dd>
                </dl>

                <dl>
                    <dt>&nbsp;&nbsp;帮助中心</dt>
                    <dd> <img src="images/二维码_16.png" alt=""> </dd>
                    <dd>&nbsp;&nbsp;品优购客户端</dd>
                </dl>
            </div>
            <div class="footer-bottom">
                <div class="lianjie"> <a href="">关于我们</a>|
                    <a href="">联系我们</a>|
                    <a href="">联系客服</a>|
                    <a href="">商家入驻</a>|
                    <a href="">营销中心</a>|
                    <a href="">手机品优购</a>|
                    <a href="">友情链接</a>|
                    <a href="">销售联盟 </a>|
                    <a href="">品优购社区</a>|
                    <a href="">品优购公益</a>|
                    <a href="">English Site</a>|
                    <a href="">Contact U</a></div>
                <div class="copyright">地址：北京市昌平区建材城西路金燕龙办公楼一层 邮编：100096 电话：400-618-4000 传真：010-82935100 邮箱: zhanghj+itcast.cn <br> 京ICP备08001421号京公网安备110108007702
                </div>

            </div>
        </div>
    </footer>
    <!-- footer的制作 end-->


</body>

</html>